<template>
  <div class="radar-view-wrapper">
    <radar-chart :listItem="lastItem" v-if="lastItem" />
  </div>
</template>
<script>
import { mapGetters } from 'vuex'
import RadarChart from '@/components/RadarChart/Index'
export default {
  props: {},
  components: { RadarChart },
  data() {
    return {}
  },
  computed: {
    ...mapGetters(['quiz']),
    historyList() {
      if (!this.quiz) return null
      return this.quiz.historyList
    },
    lastItem() {
      if (!this.historyList) return null
      return this.historyList.lastItem
    },
  },
  mounted() {},
  filters: {},
  watch: {
    'historyList.lastItem': {
      deep: true,
      immediate: true,
      handler(v) {},
    },
  },
  methods: {},
}
</script>

<style lang="less" scoped>
.radar-view-wrapper {
  // min-height: 100%;
  margin-top: 48px;
  border-bottom: 44px solid transparent;
}
</style>
